<template lang="html">
  <div class="product_list">
    <ul class="list_main">
      <li v-for="(item, index1) in listshuju">
        <router-link class="del_left" :to="{path:'/boutiquedetails',query:{id:item.id}}">
          <img :src="item.thumb" :alt="item.title">
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script type="text/javascript">
export default {
  name: 'cuxiao',
  props:["listshuju"],
  components:{

  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.product_list{
  width: 100vw;
  height: 100%;
  margin-bottom: 13.3vw;
  background-image: url('../.../../../../assets/img/banner/produt_bannner1.jpg');
  background-size: 100vw auto;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  zoom:1;
  .list_main{
    width: @width;
    margin: 3vw auto 0 auto;
    height: 110vw;
    overflow: auto;
    li{
      width: 100%;
      display: inline-block;
      float: left;
      a{
        display: block;
        width: 100%;
        text-align: left;
        font-size: @h3_font_size;
        img{
          width: @width;
          height: 30vw;
          margin-bottom: 3vw;
          border-radius: 1vw;
        }
        h2,p{
          text-indent: 3vw;
          color: @color7;
          line-height: 7vw;
        }
        p{
          color: @color;
        }
      }
    }
  }
}
</style>